<template>
	<view class="container">
		<view class="options" @click="link">
			<view class="titleBox">
				<view class="title">
					申请人：收拾
				</view>
				<view class="timeBox">
					<image class="timeIcon" src="/static/anfangList/time.png"></image>
					<view class="time">2012-12-21 20:20</view>
				</view>
			</view>
			<view class="optionsBottomBox">
				<view class="level">
					一级救助
				</view>
				<view class="desBox">
					<view class="desLeft">联系电话</view>
					<view class="desRight">18518968960</view>
				</view>
				<view class="desBox">
					<view class="desLeft">用户位置</view>
					<view class="desRight">18518968960</view>
				</view>
				<view class="bottomBox">
					<view class="dingwei" @click.stop="openPosition">位置导航</view>
					<view class="del">删除</view>
				</view>
			</view>
		</view>
		<image src="../../static/wu.png" class="wu" mode=""></image>
		<view class="wuTitle">暂无信息</view>
	</view>
</template>

<script>
	export default {
		methods:{
			link(){
				uni.navigateTo({
					url:'/pages/anfang/detail'
				})
			},
			openPosition(){
				uni.openLocation({
					latitude:80,
					longitude:80,
					name:'123123',
					success:()=> {
						console.log(223323)
					}
				})
			}
		}
	}
</script>

<style>
	page{
		background:#fafafa;
	}
</style>
<style scoped>
	.options{
		width:710rpx;
		padding:0 20rpx 30rpx 20rpx;
		border-radius:10rpx;
		background:white;
		margin:0 auto;
		margin-top:20rpx;
	}
	.titleBox{
		height:80rpx;
		border-bottom:1rpx  solid #e6e6e6;
		display:flex;
		align-items:center;
		justify-content:space-between;
		padding:0 24rpx;
	}
	.title{
		font-size:30rpx;
		line-height:1;
	}
	.timeBox{
		display:flex;
		align-items:center;
	}
	.time{
		font-size:26rpx;
		line-height:1;
	}
	.timeIcon{
		width:20rpx;
		height:20rpx;
		margin-right:10rpx;
	}
	.optionsBottomBox{
		padding:0 20rpx;
	}
	.level{
		font-size:34rpx;
		line-height:80rpx;
	}
	.desBox{
		display:flex;
		justify-content:space-between;
		align-items:flex-start;
		margin-top:20rpx;
	}
	.desLeft{
		font-size:28rpx;
		color:#ccc;
	}
	.desRight{
		font-size:28rpx;
		color:#ccc;
		width:320rpx;
		text-align:right;
	}
	.bottomBox{
		margin-top:68rpx;
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	.dingwei{
		color:#5489fb;
	}
	.del{
		width:120rpx;
		line-height:60rpx;
		border-radius:10rpx;
		border:1rpx solid #ccc;
		text-align:center;
	}
</style>